<template>
    <div>
      <el-card class="present-card">
        <div style="height: 60px;display: flex;" >
            <h3 style="line-height: 10px; ">域名线索</h3>
        </div>
          <el-table
          :data="DomeMessage"
          border
          style="width: 100%; line-height: 40px;">
          <el-table-column
            prop="yuming"
            label="域名"
            width="280">
          </el-table-column>
          <el-table-column
            prop="chaxunyuming"
            label="查询域名"
            width="180">
          </el-table-column>
          <el-table-column
            prop="ip"
            label="ip"
            width="100">
          </el-table-column>
          <el-table-column
            prop="diqu"
            label="地区"
            width="380">
          </el-table-column>
          <el-table-column
            prop="chaxundiqu"
            label="查询地区">
          </el-table-column>
        </el-table>
  
        <el-row>
          <el-col :span="24" style="text-align: right;">
              <el-pagination
                :current-page="currentpage"
                :page-sizes="[5, 10, 50, 100]"
                :page-size="pagesize"
                layout="total, sizes, prev, pager, next, jumper"
                :total="total">
              </el-pagination>
          </el-col>
        </el-row>
        
        </el-card>
        <br>
    </div>
  </template>
    
    <script>
    export default {
      data() {
        return {
          DomeMessage: [],  //某个列表的信息
          baseURL: "http://localhost:8080/",
          total: 100, //数据的总行数
          currentpage: 1, //当前所在的页数
          pagesize: 10,  //每页显示多少行
        }
      },
    
      // mounted() {
      //   this.getMessages();
      // },
    
      methods: {
        test(){
          console.log(this.baseURL);
        },
        getMessages:function(){
          //记录this的地址
          let that = this
          //使用Axios实现Ajax请求
          that.axios.get(that.baseURL+"#")
          .then(function(res){
            if(res.status==200){
              //把数据给DomeMessage
              that.DomeMessage = res.data;
            }
            //请求成功后执行的函数
            console.log(res);
          })
          .catch(function(err){
            //请求失败后执行的函数
            console.log(err)
          })
        },
      }
    
    }
    </script>
    
<style>
/* /deep/.el-card_body{
  padding: 0px;
} */
</style>
  